﻿@charset "utf-8";

/* 初始化CSS */
html, body, div, table, tr, td, ul, li, a, p, h1, h2, h3, h4, h5, h6, img,form { margin:0; padding:0; }
ul, ol,li { list-style:none; }
body { font:12px/22px "宋体", Arial, Helvetica, sans-serif; color:#666; background:#fff;}
img { border:none; }
select,input,img{ vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
p { line-height:2;}
a { color:#666; text-decoration:none; outline:expression(this.hideFocus=true);outline: none; }
a:hover { color:#f00; }

/* 常用自定义类 */
.left { float:left; }
.right { float:right; }
.clear{ height:0; line-height:0; font-size:0; clear:both; overflow:hidden;}
.red { color:red; }
.blue { color:blue; }
.gray { color:gray; }
.auto{ margin:0 auto;}
.left15{ margin-left:15px;}
.top15{ margin-top:15px;}

/* 外边框 */
#warp{ width:1046px; margin:0 auto; background:url(bg_t.png) repeat-y center top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="bg_t.png");}
#warp_m{ width:990px; margin:0 auto; position:relative;}

/* 头部 */
.header_t{ width:990px; height:40px; overflow:hidden; text-align:center;}
.header_t h1{ font:18px/40px "黑体"; color:#9b0517;}
.header_h{ height:7px; overflow:hidden; background:url(h.gif) no-repeat;}
.header_m{ height:98px; background:url(t_1.gif) no-repeat 424px 32px; }
.logo{ width:333px; height:61px; float:left; padding:20px 0 0 14px;}
.logo_r{ width:282px; height:94px; float:right; padding:4px 6px 0 0;}
.cn{ height:55px;}
.cn p{ text-align:right;}
.search{ width:282px; height:25px;}
.search_1{ width:213px; height:25px; float:left;}
.search_1_t{ width:178px; _width:176px; height:25px; background:url(search_1.gif) no-repeat right 0; border:none; padding-left:36px; line-height:25px; vertical-align:middle;}
* html .search_1{ height:26px; margin-top:-1px;}
* html .search_1_t{ height:26px;}
.search_2{ width:69px; height:25px; float:left;}
.search_2_s{ width:69px; height:25px; background:url(search_2.gif) no-repeat; border:none; line-height:24px; *line-height:26px; color:#fff;}
* html .search_2_s{ height:26px;}

/* 导航
.nav{ height:35px; background:url(nav_bg.gif) repeat-x; overflow:hidden; padding-left:55px;}
.nav a{ display:block; float:left; padding:0 20px; font:14px/34px "微软雅黑"; color:#fafafa; text-align:center; background:url(nav_t.gif) no-repeat left center;}
.nav a:hover{ color:#eaff5c;}
.nav .nav_t{ background:none;} */
.xmenu { font-size:14px; padding:0px; width:990px; height:35px; background:url(nav_bg.gif) repeat-x; position:relative; z-index:998; }
.xmenu ul {padding:0 0 0 6px;margin:0;list-style-type:none; height:35px; background:transparent;}
.xmenu ul ul {width:15em;}
.xmenu ul li {float:left;height:34px;line-height:34px; display:block;}
.xmenu ul ul li {display:block;width:10em;height:auto; line-height:1em;}
.xmenu .menu_t{ height:35px; width:2px; float:left; background:url(nav_t.gif) no-repeat left center;}
.xmenu a, .xmenu a:visited {display:block;float:left;height:100%; width:87px; font-size:1em;text-decoration:none;color:#fff; padding-left:10px; padding-right:10px; text-align:center; border-bottom:1px solid #ddd;}
* html .xmenu a, * html .xmenu a:visited {}
.xmenu ul ul a, .xmenu ul ul a:visited {display:block; background:#880800; color:#fff; width:95px; _width:85px; height:100%;line-height:1em; padding:6px 6px; border-bottom:1px solid #fff;}
* html .xmenu ul ul a, * html .xmenu ul ul a:visited  {width:6.8em; w\idth:6.8em;}
.xmenu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
.xmenu ul ul ul a, .xmenu ul ul ul a:visited {}
.xmenu ul ul ul ul a, .xmenu ul ul ul ul a:visited {}
/* style the level hovers */
/* first */
* html .xmenu a:hover {color:#fff;background:#880800; position:relative; z-index:100;}
.xmenu li:hover {position:relative;}
.xmenu :hover > a {color:#fff;background:#880800;}
* html .xmenu ul ul a:hover{color:#fff;background:#d92219; position:relative; z-index:110;}
.xmenu ul ul li:hover {position:relative;}
.xmenu ul ul :hover > a {color:#fff;background:#d92219;}
* html .xmenu ul ul ul a:hover {background:#d92219; position:relative; z-index:120;}
.xmenu ul ul ul :hover > a {background:#d92219}
.xmenu ul ul ul ul a:hover {background:#d92219; position:relative; z-index:130;}
.xmenu ul ul {visibility:hidden;position:absolute;height:0;top:34px; border-top:1px solid #fff; left:0; width:14em;}
.xmenu ul ul ul{left:12em;top:0;width:14em;}
.xmenu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent; left:-3em;}
.xmenu ul :hover ul ul{visibility:hidden;}
.xmenu ul :hover ul :hover ul ul{visibility:hidden;}
.xmenu ul :hover ul :hover ul{visibility:visible; left:9em;}
.xmenu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* banner 幻灯片 */
.banner{ height:344px; overflow:hidden; margin-top:12px; position:relative; z-index:10;}
.pagebanner{ overflow:hidden; margin-top:12px; position:relative; z-index:10;}

/* box 通用样式 */
.box{ height:36px; background:url(box_bg.gif) repeat-x;}
.box .box_t{ height:36px; line-height:36px; background:url(box_t.gif) no-repeat 10px center; padding-left:32px; color:#900;}

/* box_m 通用样式 */
.box_m{ height:32px; background:url(box_m_bg.gif) repeat-x;}
.box_m .box_m_t{ height:32px; line-height:32px; background:url(box_m_t.gif) no-repeat 10px center; padding-left:32px; color:#900;}
.box_m .more{ line-height:32px; float:right; padding-right:10px;}
.box_m .more a{ font-family:Arial; color:#900;}
.box_m .more a:hover{ text-decoration:underline; color:#900;}

/* 内容 */
.main{ width:990px;}
.box_1{ width:263px; height:245px; float:left; border:1px solid #dedede;}
.box_1_video{ width:242px; height:197px; border:1px solid #dedede; overflow:hidden;}

.box_2{ width:708px; height:245px; float:left; display:inline; border:1px solid #dedede;}
.box_2_about{ height:183px; overflow:hidden; padding:13px;}
.box_2_about p{ text-indent:26px; letter-spacing:1.2px;}
.box_2_about_img{ width:181px; height:122px; margin-right:13px; padding:3px; border:1px solid #dedede; float:left;}
.box_2_about_img img{ width:181px; height:122px;}
.box_3{ width:708px; height:289px; float:left; border:1px solid #dedede;}
.box_3 .box_3_news{ height:73px; border-bottom:1px dashed #999; padding:12px 0; margin:0 12px; overflow:hidden;}
.box_3 .box_3_news h3{ color:#666; text-align:center; line-height:32px;}
.box_3 .box_3_news p{ text-indent:26px; color:#aaa;}
.box_3 .box_3_news img{ width:0; height:0;}
.box_3 .box_3_news2{ height:130px; overflow:hidden; padding:15px;}
.box_3 .box_3_news2 .box_3_news2_img{ width:203px; height:120px; float:left; padding:4px; border:1px solid #dedede;}
.box_3 .box_3_news2 .box_3_news2_ul{ width:449px; float:left; padding-left:16px;}
.box_3 .box_3_news2 .box_3_news2_ul li{ line-height:26px; padding-left:16px; background:url(news2_bg.gif) no-repeat 0 center;}
.box_3 .box_3_news2 .box_3_news2_ul li span{ padding-right:10px;}

.box_4{ width:263px; height:289px; float:left; display:inline; border:1px solid #dedede;}
.box_4 .box_4_company{ width:243px; height:78px; padding:1px; border:1px solid #dedede; }
.box_4 .box_4_company2{ width:243px; height:160px; padding-top:6px; line-height:26px; overflow:hidden; position:relative;}
.box_4 .box_4_company2 p{ line-height:26px;}
.box_4 .box_4_company2 .xiangxi { width:50px; height:30px; text-align:right; position:absolute; bottom:0; right:0; background:#fff;}
.box_4 .box_4_company2 .xiangxi a{ color:#900;}
.box_4 .box_4_company2 .xiangxi a:hover{ text-decoration:underline; color:#900;}

.box_5{ width:428px; height:289px; float:left; display:inline; border:1px solid #dedede;}
.box_5_sub { padding-left:6px; width:408px; float:left; display:inline; margin-top:-30px;}
.clearBoth { line-height: 0; width: 100%; height: 1px; clear: both; font-size: 0px; overflow: hidden; }

.box_6_produt{ height:192px; border:1px solid #dedede; }
.box_6_produt .box_6_produt_a{ width:960px; float:left; display:inline; overflow:hidden;}
.box_6_produt .box_6_produt_a .box_6_produt_b{ width:154px; height:146px; float:left; display:inline;}
.box_6_produt .box_6_produt_a .box_6_produt_b p{ text-align:center; line-height:40px;}
.box_6_produt .box_6_produt_a .box_6_produt_b .box_6_produt_img{ width:150px; height:110px;}
.box_6_produt .box_6_produt_a .box_6_produt_b .box_6_produt_img img{ width:150px; height:110px;}
.box_6_produt .box_6_produt_a .box_6_produt_b .box_6_produt_img a{ display:block; width:150px; height:110px; border:2px solid #ffcc00; *border:0px none; _border:2px solid #ffcc00; }
.box_6_produt .box_6_produt_a .box_6_produt_b .box_6_produt_img a:hover{ border:2px solid #c63015; *border:0px none; _border:2px solid #c63015; }

*+html .box_6_produt .box_6_produt_a .box_6_produt_b .box_6_produt_img{ border:2px solid #ffcc00;}
*+html .box_6_produt .box_6_produt_a .box_6_produt_b .box_6_produt_img:hover{ border:2px solid #c63015;}

/* 公司概况 */
.box_left{ width:240px; float:left;}
.box_left .box_nav{ width:238px; border:1px solid #dedede;}
.box_left .box_nav .box_sub{ height:43px; overflow:hidden; background:url(box_sub.gif) no-repeat 14px 14px; line-height:43px; color:#900; padding-left:38px;}
.box_left .box_nav .box_sub_ul{ width:208px;}
.box_left .box_nav .box_sub_ul li{ height:31px; line-height:31px; padding-left:43px; background:url(box_sub_li.gif) no-repeat; margin-bottom:5px;}
.box_left .box_nav .box_sub_ul li a{ color:#424242; line-height:31px;}
.box_left .box_nav .box_sub_ul li a:hover{ color:#880800; text-decoration:underline;}
.box_left .box_nav .box_sub_ul li.twosub{ height:21px; line-height:21px; padding-left:43px; background:none;margin-bottom:5px;}

.box_left .box_lxwm{ width:238px; border:1px solid #dedede;}
.box_left .box_lxwm .box_lxwm1{ width:218px; height:78px; padding:1px; border:1px solid #dedede; }
.box_left .box_lxwm .box_lxwm2{ width:218px; height:185px; padding-top:6px; line-height:26px; overflow:hidden; position:relative;}
.box_left .box_lxwm .box_lxwm2 p{ line-height:26px;}

.xiangxi { width:50px; height:30px; text-align:right; position:absolute; bottom:0; right:0; background:#fff;}
.xiangxi a{ color:#900;}
.xiangxi a:hover{ text-decoration:underline; color:#900;}


.box_right{ width:733px; float:left; display:inline; border:1px solid #dedede; position:relative;}


/* 广告位 */
.ad{ height:120px;}

/* 页脚 */
.footer{ background:url(footer.gif) repeat-x 0 top; padding:20px;}
.footer p{ text-align:center;}

/* 公司简介 */
.box_right_about{ padding:13px;}
.box_right_about p{ text-indent:26px; letter-spacing:1.2px;}

/* 新闻中心 */
.news{ overflow:hidden; padding:20px;}
.news ul li{ line-height:36px; border-bottom:1px dashed #dedede; background:url(news_li.gif) no-repeat 0 center; padding-left:20px;}
.news h3{ text-align:center; font-size:18px;}
.news h4{ text-align:center; font-size:12px; border-bottom:1px dashed #dedede; line-height:30px;}
.news_view{ padding:10px; letter-spacing:1.2px;}
.news_view p{ text-indent:26px;}

/* 公司视频 */
.video{ width:340px; height:336px; float:left;}
.video p{ text-align:center; line-height:36px;}

/* 产品展示 */
.product{ padding:20px 0;}
.product_box{ float:left; display:inline; margin-left:20px; width:335px; height:150px;}
.product_box2{ width:154px; height:150px; float:left;}
.product_box2 p{ text-align:center; line-height:36px;}
.product_box2_img{ width:150px; height:110px;}
.product_box2_img img{ width:150px; height:110px;}
.product .product_box .product_box2_img a{ display:block; width:150px; height:110px; padding:0; border:2px solid #ffcc00;}
.product .product_box .product_box2_img a:hover{ border:2px solid #c63015;}
.product_box3{ width:170px; height:140px; overflow:hidden; float:left; margin-top:-4px;}
.product_box3 p{ line-height:22px; padding-left:16px;}
.product_view{ padding:20px;}
.product_view_box{ width:372px; height:300px; float:left;}
.product_view_box p{ padding-left:6px;}
.product_view_box2{ width:280px; height:300px; float:left; }
.product_view_box2 p{ padding-left:6px;}
.product_view_2{}
.product_view_2 h3{ height:40px; background:#f3f3f3; padding:0 0 0 26px; margin:10px 0; line-height:40px;}
.product_view_2 p{ padding:0 10px; text-indent:26px;}
.jqzoom{ width:372px; height:248px; position:relative; }
.jqzoom img{ width:370px; height:246px; border:1px solid #dedede;}
.zoomdiv{position:absolute; left:400px!important; top:52px!important; height:246px; width:370px;}
.list-h li{ float:left;}
.list-h{ margin:0; padding:0;}
#spec-n5{width:370px; height:70px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(left1.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; overflow:hidden;}
#spec-right{background:url(right1.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; overflow:hidden;}
#spec-list{ width:370px; float:left; overflow:hidden; margin-left:2px; height:50px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px; height:50px; padding-right:8px; *padding-right:8px;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; width:60px; height:40px; }
#spec-list div{ height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:300px;height:300px;background:url(loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px;height:60px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:348px;}
#spec-list div{ margin-top:0; *margin-left:0;}


/* 分页 */
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; margin:0 20px 20px 0;}
/*.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#6F6F6F; color:#FFF; }*/
#total { color:red; }

.news_next,.products_next { padding:5px; border:1px dashed #333; margin-top:10px;}










.productlist {
	float:left;
	width:690px;
	line-height:25px;
	padding-top:15px
}
.productlist li {
	float:left;
	padding-bottom:15px;
	width:230px;
	text-align:center
}
.productlist li img {
               border:#ccc 1px solid;
               padding:4px;
               width:170px;
               height:145px;
               -moz-opacity:0.9; filter:alpha(opacity=90);opacity:0.9;
}
.productlist li a:hover img{
               border:#999 1px solid;
               -moz-opacity:0.5; filter:alpha(opacity=50);opacity:0.5;
}
.web_btn {
	background:url(button.gif) 0 0px;
	width:76px;
	height:28px;
	line-height:28px;
	border:0;
	text-align:center;
	font-size:14px;
	color:#fff;
	margin:4px;
}.GBstyle {
	border:none;
	background:#e4e4e4;
	width:700px;
}
.GBstyle td {
	background:#fff;
	height:24px;
	padding:5px;
}



.tabss{ width:675px; margin:20px auto 0; font-size:12px; color:#555; border:1px solid #D9D9D9;}
.tabss h2{ width:100%; overflow:hidden; font-size:12px; font-weight:normal; background:url(tab_bg.gif) #f2f2f2;}
.tabss h2 span,
.tabss h2 a{ float:left; width:100px; line-height:29px; background:url(tab_bg.gif) #ddd; border-right:1px solid #D9D9D9; border-bottom:0px solid #D9D9D9; text-align:center; cursor:pointer;}
.tabss h2 .current{ background:#fff; font-weight:bold; border-bottom:1px solid #fff;}
.tabss ul{ padding:15px;}


.remen{margin-top:25px;width:400px;margin-left:15px;}
.remen li{width:133px;float:left;margin-top:10px;}
.remen li img{width:125px;height:92px;border:1px solid #ccc;}
.remen li a:hover img{border:1px solid #f00;}

.caselist li{margin:10px;border-bottom:1px solid #ccc;height:110px;}
.caselist li img{width:120px;;height:100px;}
.caselist li h2{font-size:14px;}